<style>
.center::-webkit-input-placeholder {
    text-align: center;
}
</style>
<!-- This tests that the placeholder is positioned correctly in different kinds of elements -->
<input type="search" placeholder="placeholder">
<br>
<input type="text" placeholder="placeholder" size=10>
<input placeholder="placeholder" style="line-height:1;" size=10>
<input placeholder="&#x65E5;&#x672C;&#x8A9E;placeholder">
<br>
<input type="search" placeholder="placeholder" style="direction: rtl"><br>
<input type="search" placeholder="placeholder"><br>
<textarea placeholder="placeholder"></textarea><br>
<input type="text" placeholder="placeholder" style="padding-bottom: 15px;"><br>
<textarea placeholder="placeholder" style="padding-top: 15px;"></textarea><br>
<input type="text" placeholder="placeholder" style="font-size: 15px; border: solid 5px black; margin: 5px;"><br>

<input value="Value" style="line-height: 25px;">
<input placeholder="placeholder" style="line-height: 25px;"> 
<input placeholder="placeholder" style="height: 25px;"> 
<input placeholder="placeholder" style="height: 25px; line-height: 25px;"> 
<input placeholder="placeholder" style="height: 25px; line-height: 5px;"> 
<br>

<input value="Value" style="text-align: center;">
<input placeholder="placeholder" style="text-align: center;">
<input placeholder="placeholder" class="center">
<br>

<input type="text" placeholder="placeholder" style="padding-top: 15px; transform: translateY(30px) rotateZ(30deg)"><br>
